How to set fullscreen iframe? | 您所在的位置:网站首页 › floating bar iframe › How to set fullscreen iframe? |
The iframe in HTML stands for Inline Frame. The ” iframe ” tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. An inline frame is used to embed another document within the current HTML document. For the fullscreen Iframe, you have to cover the entire viewport. Steps to do for fullscreen Iframe: Reset page floating margins as 0px for html body, div, iframe tags: html { overflow: auto; } html, body, div, iframe { margin: 0px; padding: 0px; height: 100%; border: none; } Transform iframe Tag behavior in CSS iframe { display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden; } Set iframe properties to resolve cross-browser issues:Example: full screen iframe html { overflow: auto; } html, body, div, iframe { margin: 0px; padding: 0px; height: 100%; border: none; } iframe { display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden; }Output: Example 2: Using . full screen iframeOutput: HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples. My Personal Notes arrow_drop_up |
CopyRight 2018-2019 实验室设备网 版权所有 |